.--notify-container {
  z-index: 0;
  width: 0;
  height: 0;
  top: 0;
  transition: .1s linear;
  visibility: hidden;

  &.on {
    visibility: visible;

    .--show div {
      visibility: visible;
      opacity: 1;
      transform: scale(1);
    }
  }

  .--show {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    z-index: 3;

    > div {
      position: relative;
      z-index: 1;
      padding: 14px 18px;
      max-width: 90%;
      margin: 0 auto;
      background: #000;
      color: #fff;
      border-radius: 6px;
      visibility: hidden;
      opacity: 0;
      transform: scale(1.1);
      transition: .1s linear;
    }
  }

  &.shelter {
    .--show {
      pointer-events: auto;
      z-index: 1;
    }
  }
}